<template>
    <div>
        <!-- 标题导航组件 -->
        <navtitle title="商城订单"></navtitle>
        <van-tabs v-model:active="active" @change="change">
            <van-tab title="全部"></van-tab>
            <van-tab title="待支付"></van-tab>
            <van-tab title="已支付"></van-tab>
        </van-tabs>
        <van-skeleton title :row="10" row-width="100%" />
        <div>
            <cart></cart>
        </div>
    </div>
</template>

<script setup>
// 标题导航组件
import navtitle from '@/components/navtitle.vue';
import { ref } from 'vue';
import cart from '@/components/cart.vue';
const active = ref(0);

</script>

<style lang="scss" scoped></style>